<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付结果</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<style>
    body {
        text-align: center
    }

    .center {
        margin: 0 auto
    }
</style>
<body>
<div class="article"></div>

<script>
    // setInterval("msg()", 1000);

    // $(document).ready(
    function msg() {

        // ajax请求
        $.ajax({
            url: "/payStatus",
            type: "POST",
            error: function (error) {
                console.log(error);
            },
            success: function (data) {
                console.log(data);
                var articles = $('.article');
                articles.empty();
                var data1 = data.data;
                console.log(data.data);
                var center = $(
                    '<span>' + '商户系统编号:' + '</span>' + '<p>' + data1['platformId'] + '</p>' +
                    '<span>' + '商户交易流水号:' + '</span>' + '<p>' + data1['merSeqNo'] + '</p>' +
                    '<span>' + '支付网关系统交易流水号:' + '</span>' + '<p>' + data1['transSeqNo'] + '</p>' +
                    '<span>' + '清算日期:' + '</span>' + '<p>' + data1['clearDate'] + '</p>' +
                    '<span>' + '交易金额:' + '</span>' + '<p>' + data1['transAmt'] + '</p>' +
                    '<span>' + '交易状态:' + '</span>' + '<p>' + data1['status'] + '</p>' +
                    '<span>' + '响应信息:' + '</span>' + '<p>' + data1['respMsg'] + '</p>'
                    )
                ;
                articles.append(center);
            }
        });
    }

</script>

<!--<p style="color: red" th:text="${error}" th:if="${not #strings.isEmpty(error)} "></p>-->

<!--<div th:if="${not #strings.isEmpty(params)}" class="center">-->
<!--<span>清算日期:</span>-->
<!--<span th:text="${params.clearDate}"></span><br>-->
<!--<span>商户交易流水号:</span>-->
<!--<span th:text="${params.merSeqNo}"></span><br>-->
<!--<span>商户系统编号:</span>-->
<!--<span th:text="${params.platformId}"></span><br>-->
<!--<span>响应信息:</span>-->
<!--<span th:text="${params.respMsg}"></span><br>-->
<!--<span>支付网关系统交易流水号:</span>-->
<!--<span th:text="${params.transSeqNo}"></span><br>-->
<!--<span>交易状态:</span>-->
<!--<span th:if="${params.status} eq '00'">-->
<!--交易成功-->
<!--</span><br>-->
<!--<span>交易状态:</span>-->
<!--<span th:if="${params.status} eq '01'">-->
<!--交易失败-->
<!--</span><br>-->
<!--<span>交易状态:</span>-->
<!--<span th:if="${params.status} eq '99'">-->
<!--交易超时-->
<!--</span><br>-->
<!--<span>交易金额:</span>-->
<!--<span th:text="${params.transAmt}"></span>-->
<!--</div>-->

</body>
</html>